<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/shop_head.css" />
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
				box-sizing: border-box;
			}
			
			body {
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				max-width: 100%;
				min-width: 1000px;
				background-image: url(img/shop/shop_body_list_head.png);
			}
			
			#shoplist_body {
				margin: 0px auto;
				width: 1000px;
				background-color: #FFFFFF;
			}
			
			#shoplist_body>#shoplist_search {
				margin-top: 10px;
				width: 100%;
				height: 50px;
				height: 50px;
				background-color: #DCDCDC;
			}
			
			#shoplist_body>#shoplist_search>[type=text] {
				width: 200px;
				height: 30px;
				margin-top: 10px;
				margin-left: 10px;
				font-family: "微软雅黑";
				outline: none;
			}
			
			#shoplist_body>#shoplist_search>[type=button] {
				cursor: pointer;
				margin-left: 10px;
				width: 60px;
				height: 30px;
				line-height: 30px;
				border: none;
				background-color: #721F44;
				font-family: "微软雅黑";
				font-weight: bold;
				color: #FFFFFF;
				border-radius: 3px;
			}
			
			#searchbgimg {
				float: right;
				width: 246px;
				height: 50px;
				background-image: url(img/shoplist/search_img_bg.png);
			}
			
			#shoplist_list {
				width: 100%;
			}
			
			#shoplist_list>div {
				width: 100%;
				overflow: hidden;
			}
			
			#shoplist_list_fenlei {
				float: left;
				background-color: #F9F9F9;
				width: 180px;
				border: 1px solid #CCCCCC;
				margin-top: 10px;
				border-radius: 3px;
				overflow: hidden;
			}
			
			#shoplist_list_fenlei>div {
				width: 100%;
				height: 30px;
				line-height: 30px;
				color: #FFFFFF;
				font-family: "微软雅黑";
				text-indent: 1em;
				background-color: #721F44;
			}
			
			#shoplist_list_fenlei>a {
				cursor: pointer;
				display: block;
				width: 100%;
				border-bottom: 1px solid #CCCCCC;
				overflow: hidden;
			}
			
			#shoplist_list_fenlei>a>img {
				margin-left: 27px;
				margin-bottom: 10px;
			}
			
			#shoplist_list_product {
				float: right;
				margin-top: 10px;
				width: 800px;
			}
			
			#shoplist_list_product_nav {
				border-bottom: 1px solid #CCCCCC;
				overflow: hidden;
			}
			
			#shoplist_list_product_nav>span {
				cursor: pointer;
				border-left: 1px solid #CCCCCC;
				border-top: 1px solid #CCCCCC;
				border-right: 1px solid #CCCCCC;
				text-align: center;
				width: 60px;
				height: 30px;
				line-height: 30px;
				font-family: "微软雅黑";
				font-weight: bold;
				background-color: #CCCCCC;
				background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
				background: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
				background: -ms-linear-gradient(top, #ffffff 0%, #cccccc 100%);
				background: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0);
				display: block;
				float: left;
				border-radius: 3px 3px 0px 0px;
				margin-left: 10px;
			}
			
			#shoplist_list_product_nav>span:first-child {
				background-color: #DF3236;
				color: #FFFFFF;
				background: -moz-linear-gradient(top, #DF3236 0%, #C30000 100%);
				background: -webkit-linear-gradient(top, #DF3236 0%, #C30000 100%);
				background: -ms-linear-gradient(top, #DF3236 0%, #C30000 100%);
				background: linear-gradient(to bottom, #DF3236 0%, #C30000 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DF3236', endColorstr='#C30000', GradientType=0);
			}
			
			#shoplist_list_productlist>ul {
				padding-bottom: 10px;
				width: 100%;
				list-style-type: none;
				overflow: hidden;
			}
			
			#shoplist_list_productlist>ul>li {
				float: left;
				width: 255px;
				height: 360px;
				margin-top: 15px;
				margin-left: 8px;
				border-top: 1px dashed #CCCCCC;
			}
			
			.product_info {
				padding: 8px;
				width: 100%;
				margin-top: 5px;
				font-family: "微软雅黑";
				font-size: 13px;
			}
			
			.product_info:hover {
				box-shadow: 0px 1px 2px 1px #CCCCCC;
			}
			
			.product_info_img {
				width: 100%;
			}
			
			.product_info_img>img {
				cursor: pointer;
				width: 100%;
			}
			
			.product_info_text {
				margin: 5px 9px;
			}
			
			.product_info_text>a {
				text-decoration: none;
				color: black;
				width: 100%;
				height: 40px;
				overflow: hidden;
				display: block;
			}
			
			.product_info_text>a:hover {
				cursor: pointer;
				color: #ED1C24;
			}
			
			.product_info_text>div {
				padding-top: 10px;
				width: 100%;
				height: 50px;
			}
			
			.product_info_text>div>span {
				color: #ED1C24;
				font-size: 15px;
				font-weight: bold;
				display: block;
				float: left;
				height: 30px;
				line-height: 30px;
			}
			
			.product_info_text>div>a {
				cursor: pointer;
				background-color: #ED1C24;
				color: white;
				font-weight: bold;
				text-align: center;
				line-height: 30px;
				width: 80px;
				height: 30px;
				float: right;
			}
			
			#shoplist_list_foot {
				width: 100%;
				height: 50px;
				line-height: 30px;
				overflow: hidden;
			}
			
			#shoplist_list_foot>b {
				margin-top: 10px;
				margin-right: 10px;
				float: right;
			}
			
			#shoplist_list_foot>div {
				margin-top: 10px;
				margin-right: 10px;
				cursor: pointer;
				text-align: center;
				line-height: 30px;
				display: block;
				float: right;
			}
			
			#shoplist_list_foot>div>div {
				display: block;
				float: left;
				background-color: #CCCCCC;
				border: 1px solid gray;
				color: dimgray;
				font-family: "微软雅黑";
				font-size: 15px;
				width: 60px;
				height: 30px;
			}
			
			#shoplist_foot {
				margin-top: 10px;
				max-width: 100%;
				min-width: 1000px;
			}
			
			#shoplist_foot>img {
				width: 100%;
			}
		</style>
	</head>

	<body>
		<div id="shop_head">
			<div id="base_top_bg">
			<div class="base_top_navDiv">
				<div class="base_top_logo" onclick="location.href='index.html'"></div>
				<ul class="base_top_nav">
					<li class="w42" id="index_dl" onclick="location.href='login.html'">登录</li>
					<li class="w40" onclick="location.href='register.html'"></li>
					<li class="w40" onclick="location.href='shop.html'"></li>
					<li class="w56" onclick="location.href='cart.html'">购物车</li>
					<li></li>
					<li class="w40"></li>
					<li class="w40"></li>
					<li class="w40"></li>
				</ul>
				<img class="base_weixin" src="img/index/index_weixin1.png" />
				<img class="base_weibo" src="img/index/index_weibo1.png" />
				<img class="base_weitao" src="img/index/index_weitao1.png" />
			</div>
		</div>
		<ul id="base_leftAdd_content">
			<li>
				<a href="news.html">资讯</a>
			</li>
			<li>
				<a href="join.html">加盟</a>
			</li>
			<li>
				<a href="job.html">纳贤</a>
			</li>
			<li>
				<a href="woker.html">匠人</a>
			</li>
			<li>
				<a href="cooperation.html">合作</a>
			</li>
			<li>
				<a href="actor.html">选角</a>
			</li>
			<li>
				<a href="media.html">媒体</a>
			</li>
		</ul>
		<div id="base_leftAdd">
			<span></span>
		</div>
		<!--模拟客服开始-->
		<div id="top"></div>
		<div id="main">
			 <span id="base_guanbi"></span>
			<div id="txt">花笙记客服代表</div>
			<div id="show">
				<span class="show_span">很高兴为您服务！</span>
			</div>
			<input type="text" name="text" id="text" value="" />
			<input type="button" style="cursor: pointer;" id="send" value="发送" />
		</div>
		<!--模拟客服结束-->
		</div>
		<div id="shop_nav">
			<div id="shop_nav_icon">
				<ul id="img_icon">
					<li><span class="zhen"></span><span class="fan"></span></li>
					<li><span class="zhen"></span><span class="fan"></span></li>
					<li><span class="zhen"></span><span class="fan"></span></li>
					<li><span class="zhen"></span><span class="fan"></span></li>
					<li><span class="zhen"></span><span class="fan"></span></li>
					<li><span class="zhen"></span><span class="fan"></span></li>
					<li><span class="zhen"></span><span class="fan"></span></li>
					<li><span class="zhen"></span><span class="fan"></span></li>
				</ul>
				<ul id="font_icon">
					<li><span class="font_zhen"></span><span class="font_fan"></span></li>
					<li><span class="font_zhen"></span><span class="font_fan"></span></li>
					<li><span class="font_zhen"></span><span class="font_fan"></span>
						<ul class="font_icon_list font_icon_list1">
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
						</ul>
					</li>
					<li><span class="font_zhen"></span><span class="font_fan"></span>
						<ul class="font_icon_list font_icon_list1">
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
						</ul>
					</li>
					<li><span class="font_zhen"></span><span class="font_fan"></span>
						<ul class="font_icon_list font_icon_list1">
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
						</ul>
					</li>
					<li><span class="font_zhen"></span><span class="font_fan"></span></li>
					<li><span class="font_zhen"></span><span class="font_fan"></span>
						<ul class="font_icon_list font_icon_list2">
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
						</ul>
					</li>
					<li><span class="font_zhen"></span><span class="font_fan"></span>
						<ul class="font_icon_list font_icon_list2">
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
							<li>
								<a><span class="list_zhen"></span><span class="list_fan"></span></a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<div id="shoplist_body">
			<div id="shoplist_search">
				<input type="text" placeholder="关键字搜索" /><input type="button" value="搜索" />
				<div id="searchbgimg"></div>
			</div>
			<div id="shoplist_list">
				<div id="">
					<div id="shoplist_list_fenlei">
						<div>宝贝分类</div>
						<a href="shoplist.html"><img src="//gdp.alicdn.com/imgextra/i1/608273487/TB2RZnasXXXXXbgXpXXXXXXXXXX_!!608273487.jpg" /></a>
						<a href="shoplist.html"><img src="//gdp.alicdn.com/imgextra/i2/608273487/TB2VXy9sXXXXXbMXpXXXXXXXXXX_!!608273487.jpg" /></a>
						<a href="shoplist.html"><img src="//gdp.alicdn.com/imgextra/i2/608273487/TB2TRzPsXXXXXX2XXXXXXXXXXXX_!!608273487.jpg" /></a>
						<a href="shoplist.html"><img src="//gdp.alicdn.com/imgextra/i4/608273487/TB2S5fqsXXXXXcZXXXXXXXXXXXX_!!608273487.jpg" /></a>
						<a href="shoplist.html"><img src="//gdp.alicdn.com/imgextra/i3/608273487/TB2ebORsXXXXXXeXFXXXXXXXXXX_!!608273487.jpg" /></a>
						<a href="shoplist.html"><img src="//gdp.alicdn.com/imgextra/i4/608273487/TB2bvYosXXXXXXbXpXXXXXXXXXX_!!608273487.jpg" /></a>
						<a href="shoplist.html"><img src="//gdp.alicdn.com/imgextra/i2/608273487/TB2TZC_sXXXXXbwXpXXXXXXXXXX_!!608273487.jpg" /></a>
						<a href="shoplist.html"><img src="//gdp.alicdn.com/imgextra/i1/608273487/TB27oS.sXXXXXbXXpXXXXXXXXXX_!!608273487.jpg" /></a>
					</div>
					<div id="shoplist_list_product">
						<div id="shoplist_list_product_nav">
							<span>销量</span><span id="">价格</span><span id="">新品</span>
						</div>
						<div id="shoplist_list_productlist">
							<ul>
								<li>
									<div class="product_info">
										<div class="product_info_img">
											<img src="//img14.360buyimg.com/n7/jfs/t2674/127/1320814898/199677/270f0c13/573947a8N9085ad16.jpg" />
										</div>
										<div class="product_info_text">
											<a href="product.html">花笙记民族复古中国风之京剧复联系列口袋印花短袖原色女T恤夏季 雷 M</a>
											<div><span>￥1090.00</span>
												<a>立即购买</a>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="product_info">
										<div class="product_info_img">
											<img src="//img14.360buyimg.com/n7/jfs/t2674/127/1320814898/199677/270f0c13/573947a8N9085ad16.jpg" />
										</div>
										<div class="product_info_text">
											<a href="product.html">花笙记民族复古中国风之京剧复联系列口袋印花短袖原色女T恤夏季 雷 M</a>
											<div><span>￥1090.00</span>
												<a>立即购买</a>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="product_info">
										<div class="product_info_img">
											<img src="//img14.360buyimg.com/n7/jfs/t2674/127/1320814898/199677/270f0c13/573947a8N9085ad16.jpg" />
										</div>
										<div class="product_info_text">
											<a href="product.html">花笙记民族复古中国风之京剧复联系列口袋印花短袖原色女T恤夏季 雷 M</a>
											<div><span>￥1090.00</span>
												<a>立即购买</a>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="product_info">
										<div class="product_info_img">
											<img src="//img14.360buyimg.com/n7/jfs/t2674/127/1320814898/199677/270f0c13/573947a8N9085ad16.jpg" />
										</div>
										<div class="product_info_text">
											<a href="product.html">花笙记民族复古中国风之京剧复联系列口袋印花短袖原色女T恤夏季 雷 M</a>
											<div><span>￥1090.00</span>
												<a>立即购买</a>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="product_info">
										<div class="product_info_img">
											<img src="//img14.360buyimg.com/n7/jfs/t2674/127/1320814898/199677/270f0c13/573947a8N9085ad16.jpg" />
										</div>
										<div class="product_info_text">
											<a href="product.html">花笙记民族复古中国风之京剧复联系列口袋印花短袖原色女T恤夏季 雷 M</a>
											<div><span>￥1090.00</span>
												<a>立即购买</a>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="product_info">
										<div class="product_info_img">
											<img src="//img14.360buyimg.com/n7/jfs/t2674/127/1320814898/199677/270f0c13/573947a8N9085ad16.jpg" />
										</div>
										<div class="product_info_text">
											<a href="product.html">花笙记民族复古中国风之京剧复联系列口袋印花短袖原色女T恤夏季 雷 M</a>
											<div><span>￥1090.00</span>
												<a>立即购买</a>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="product_info">
										<div class="product_info_img">
											<img src="//img14.360buyimg.com/n7/jfs/t2674/127/1320814898/199677/270f0c13/573947a8N9085ad16.jpg" />
										</div>
										<div class="product_info_text">
											<a href="product.html">花笙记民族复古中国风之京剧复联系列口袋印花短袖原色女T恤夏季 雷 M</a>
											<div><span>￥1090.00</span>
												<a>立即购买</a>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="product_info">
										<div class="product_info_img">
											<img src="//img14.360buyimg.com/n7/jfs/t2674/127/1320814898/199677/270f0c13/573947a8N9085ad16.jpg" />
										</div>
										<div class="product_info_text">
											<a href="product.html">花笙记民族复古中国风之京剧复联系列口袋印花短袖原色女T恤夏季 雷 M</a>
											<div><span>￥1090.00</span>
												<a>立即购买</a>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="product_info">
										<div class="product_info_img">
											<img src="//img14.360buyimg.com/n7/jfs/t2674/127/1320814898/199677/270f0c13/573947a8N9085ad16.jpg" />
										</div>
										<div class="product_info_text">
											<a href="product.html">花笙记民族复古中国风之京剧复联系列口袋印花短袖原色女T恤夏季 雷 M</a>
											<div><span>￥1090.00</span>
												<a>立即购买</a>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="product_info">
										<div class="product_info_img">
											<img src="//img14.360buyimg.com/n7/jfs/t2674/127/1320814898/199677/270f0c13/573947a8N9085ad16.jpg" />
										</div>
										<div class="product_info_text">
											<a href="product.html">花笙记民族复古中国风之京剧复联系列口袋印花短袖原色女T恤夏季 雷 M</a>
											<div><span>￥1090.00</span>
												<a>立即购买</a>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="product_info">
										<div class="product_info_img">
											<img src="//img14.360buyimg.com/n7/jfs/t2674/127/1320814898/199677/270f0c13/573947a8N9085ad16.jpg" />
										</div>
										<div class="product_info_text">
											<a href="product.html">花笙记民族复古中国风之京剧复联系列口袋印花短袖原色女T恤夏季 雷 M</a>
											<div><span>￥1090.00</span>
												<a>立即购买</a>
											</div>
										</div>
									</div>
								</li>
							</ul>
							<div id="shoplist_list_foot">
								<div>
									<div>上一页</div>
									<div>1</div>
									<div>下一页</div>
								</div>
								<b>共<span>11</span>条记录</b>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="shoplist_foot">
			<img src="//gdp.alicdn.com/imgextra/i1/608273487/TB2P_t7bFXXXXX4XpXXXXXXXXXX_!!608273487.jpg" />
		</div>

	</body>
	<script src="js/jquery1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/shop_head.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
    <script>
    	$(".product_info_img").each(function(){
    		$(this).children("img").click(function(){
    			location.href="product.html";
    		})
    	})
    </script>
</html>